<!-- author: 汪孟苹 -->
<link rel="stylesheet" href="page/res/css/plugins/dataTables.bootstrap.css"/>
<link rel="stylesheet" href="common/datatable/datatable.css">
<link rel="stylesheet" href="page/baseChildHealth/css/classManager/classList.css"/>
<body>
	<div class="layout">
	  	<div class="layout-top clearfix">
	  		<div class="layout-top-left">
				<div class="title">班级管理</div>
	  		</div>
	  		<div class="layout-top-right">
				<div class="btn-group">
					<div id="addClass" class="btn btn-info">添加班级</div>
		  		</div>
	  		</div>
	  	</div>
	  	<div class="layout-center">
			<div id="datatableForm" class="form-horizontal clearfix">
				<div class="dt-card form-group grid-label-4">
				    <label for="queueName" class="control-label">班级名称</label>
				    <div class="control-input">
				      	<input id="queueName" type="text" class="form-control">
				    </div>
				</div>
				<div class="dt-card form-group grid-label-4">
				    <label class="control-label">开班时间</label>
				    <div class="control-input clearfix">
						<div class="grid-range grid-range-time">
					      	<input id="updateStartTime" type="date" class="form-control">
					    </div>
						<div class="grid-range grid-range-i">
					      	<i>-</i>
					    </div>
					    <div class="grid-range grid-range-time">
					      	<input id="updateEndTime" type="date" class="form-control">
					    </div>
				    </div>
				</div>
				<div class="dt-card form-group grid-label-4">
				    <label class="control-label">班级状态</label>
				    <div class="control-input">
				      	<select id="queueStatus" class="form-control">
				      		<option value="">全部</option>
				      		<option value="2">招生中</option>
				      		<option value="3">已停课</option>
				     	</select>
				    </div>
				</div>
				<div class="dt-card form-group">
			      	<button type="button" class="btn btn-info" id="serchBtn">搜索</button>
				</div>
	  		</div>
	  	</div>
	  	<div class="layout-bottom">
            <table id="datatable" class="table table-striped table-bordered table-hover">
			    <thead>
			     	<tr> 
					    <th>班级名称</th>
                        <th>班级成员数</th>
                        <th>开班时间</th>
                        <th>班级状态</th>
                        <th>操作</th>
			     	</tr> 
			    </thead> 
			    <tbody></tbody>
		   	</table> 
	  	</div>
	</div>
<script type="text/javascript">
require(['jquery','bch/app/classManager/classList'],function($,$classList){
	$classList.init();
});
</script>
</body>